<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="author" content="微普科技 http://www.wiipu.com" />
		<title> 管理首页 </title>
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<link rel="stylesheet" href="css/form.css" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		
	</head>
	<body>
		<div id="header">
			<div class="top">
				<div class="logo" style="position:absolute;top:18px;left:0;">
					<img src="images/logo.jpg" width="120" height="60" alt="" />
				</div>
				<div class="topinfo2">
					管理员，欢迎您！ 帐号：Admin 身份：超级管理员
				</div>
				<div class="topinfo">
					[<a href="#">修改密码</a>] [<a href="login.html">退出登录</a>]
				</div>
			</div>
			<div id="topmenu">
				<ul>
					<li><a href="index.html">Box风格</a></li>
					<li><a href="table.html">主要元素</a></li>
					<li><a href="table2.html">全表格表单</a></li>
					<li><a href="form.html" class="active">表单样式</a></li>
					<li><a href="boxy.html">弹层</a></li>
					<li><a href="#">使用bootstrap</a></li>
					<li><a href="#">使用EasyUI</a></li>
					<li><a href="#" class="last">其他样式</a></li>
				</ul>
			</div>
		</div>
		<div id="container">
			<div id="leftmenu">
				<div class="menu1"><a href="#">数据统计</a></div>
				<div class="menu2"><a href="#">数据统计</a></div>
				<div class="menu2"><a href="#">数据统计</a></div>
				<div class="menu2"><a href="#" class="open">数据统计</a></div>
				<div class="menu3"><a href="#">数据统计</a></div>
				<div class="menu3"><a href="#" class="active">数据统计</a></div>
				<div class="menu2"><a href="#" class="close">数据统计</a></div>
				<div class="menuline"></div>
				<div class="menu1"><a href="#">数据统计</a></div>
			</div>
			<div id="maincontent">
				<div id="position">当前位置：<a href="#">系统首页</a> &gt; <a href="#">主要元素</a> &gt; 三级菜单</div>
				<div id="formlist">
					<p>
						<label>账号</label>
						<input type="text" class="text-input input-length-30" />
						<span class="warn-inline">警告</span>
						<span class="warn-block">警告</span>
					</p>
					<p>
						<label>标题</label><input type="text" class="text-input input-length-50" />
					</p>
					<p>
						<label>性别</label>
						<input type="radio" class="radio-input" /><span class="radio-text">男</span>
						<input type="radio" class="radio-input" /><span class="radio-text">男</span>
					</p>
					<p>
						<label>性别</label>
						<input type="checkbox" class="checkbox-input" /><span class="radio-text">男</span>
						<input type="checkbox" class="checkbox-input" /><span class="radio-text">男</span>
					</p>
					<p>
						<label>内容</label><textarea class="text-area input-length-50" ></textarea>
					</p>
					<p>
						<label>内容</label>
						<select class="select-option">
							<option>测试信息</option>
							<option>测试信息</option>
							<option>测试信息</option>
							<option>测试信息</option>
						</select>
					</p>
					<p>
						<label>　　</label>
						<input type="submit" class="btn_submit" value="提　交" />
					</p>
				</div>

			</div>
			
		</div>
		<div id="footer">
			<a href="#">北京微普科创科技有限公司</a> 版权所有
		</div>
	</body>
</html>